﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="BookText.aspx.cs" Inherits="BookShopSys.BookText" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>商品信息</title>
    <link href="Css/layie/layui.css" rel="stylesheet" />
    <link href="Css/BookText.css" rel="stylesheet" />
    <script src="Css/layie/layui.js"></script>
</head>
<body>
    <form id="form1" runat="server">
        <div class="Sop">
            <div class="top">
                <ul class="layui-nav">
                    <li class="layui-nav-item"><a href="Index.aspx">图书管理系统</a></li>
                    <li class="layui-nav-item">
                        <a href="BuyShop.aspx">商城</a>
                    </li>
                    <li class="layui-nav-item"><a href="Member.aspx">个人中心</a></li>
                    <li class="layui-nav-item">
                        <a href="javascript:;">设置</a>
                        <dl class="layui-nav-child">
                            <dd><a href="Login.aspx">登录</a></dd>
                            <dd><a href="Register.aspx">注册</a></dd>
                        </dl>
                    </li>
                    <li class="layui-nav-item">
                        <a href="javascript:;">Admion</a>
                        <dl class="layui-nav-child">
                            <dd><a href="../Admaos/AdmainLogin.aspx">登录</a></dd>
                            <dd class="layui-this"><a href="../Admaos/AdminRegister.aspx">注册</a></dd>
                        </dl>
                    </li>
                </ul>
            </div>
            <asp:Repeater ID="Repeater1" runat="server">
                <ItemTemplate>
                    <div class="tiiop">
                        <div class="layui-row layui-col-space15">
                            <div class="layui-col-md4">
                                <div class="layui-panel" style="width: 430px; height: 500px">
                                    <div style="padding: 20px;">
                                        <img src='Img/<%#Eval("liberCont") %>' style="width: 400px; height: 400px" />
                                    </div>
                                </div>
                            </div>
                            <div class="layui-col-md5">
                                <div class="layui-panel" style="height: 500px">
                                    <div class="sod" style="padding: 30px; margin-top: 15%">
                                        <label class="layui-font-20">
                                            作者：<%#Eval("ManageID") %><br />
                                        </label>
                                        <label class="layui-font-20">
                                            价格：<span class="layui-font-red "><%#Eval("liberMoney") %>$</span><br />
                                        </label>
                                        <label class="layui-font-20">
                                            库存：<%#Eval("liberConut") %><br />
                                        </label>
                                        <label class="layui-font-20">出版社：<%#Eval("liberTitle") %></label>
                                    </div>
                                </div>
                            </div>
                            <div class="tops">
                                <div class="layui-tab">
                                    <ul class="layui-tab-title">
                                        <li class="layui-this">教育</li>
                                        <li>诗文</li>
                                        <li>购物车</li>
                                    </ul>
                                    <div class="layui-tab-content">
                                        <div class="layui-tab-item layui-show" style="line-height: 50px">
                                            1. 中国打破了世界软件巨头规则
      <br>
                                            2. 口语：会说中文就能说英语！
                                            <br />
                                            3.农场摘菜不如在线学外语好玩
                                            <br />
                                            4.那些无法理解的荒唐事
                                            <br />
                                            5.名师教作文：３妙招巧写高分
                                        </div>
                                        <div class="layui-tab-item" style="line-height:50px">
                                            羊群与白云，这纯银的帐篷
                                            <br />
                                            凸显在原野与苍穹之间的无限亲情
                                             <br />
                                            迫使我依偎在一棵家葱的巨大光芒旁边
 <br />
                                            不知疲惫地朗读堆积在厨房里的花椒，青菜，米酒
 <br />
                                            果酱，馒头，奶嘴，红唇……汉字里芬芳的生活
                                            <br />
                                            朗读今夜，除了瓷器里的鸟语，玉佩里的花香
 <br />
                                            还有我扑面而来的写意水墨里安静的睡眠
                                        </div>
                                        <div class="layui-tab-item"><a href="BuyShop.aspx">购物车</a></div>
                                    </div>
                                </div>
                            </div>
                            <div class="layui-card layui-col-md11" style="margin-left: 0.9%; height: 210px; width: 1320px">
                                <div class="layui-card-header">书籍介绍</div>
                                <div class="layui-card-body">
                                    <label class="layui-font-20 layui-font-black  "><%#Eval("liberJianjie") %> </label>
                                </div>
                            </div>
                        </div>
                    </div>
                </ItemTemplate>
            </asp:Repeater>
            <div class="shoptit">
                <div class="layui-tab layui-tab-card">
                    <ul class="layui-tab-title">
                        <li class="layui-this">商品详情</li>
                        <li>包装及参数</li>
                        <li>售后保障</li>
                    </ul>
                    <div class="layui-tab-content" style="height: 400px;">
                        <div class="layui-tab-item layui-show">
                            <div class="layui-bg-gray">
                                <div class="layui-row layui-col-space15">
                                    <div class="layui-col-md9" style="height: 500px">
                                        <div class="layui-card" style="height: 200px; margin: 35px">
                                            <div class="layui-card-header" style="background-color: #e2e2e2">核心参数</div>
                                            <div class="layui-card-body">
                                                <ul>
                                                    <li>生产商（制造商）地址：重庆安全技术职业学院&nbsp;&nbsp;&nbsp;&nbsp;<span>执行标准：Q/VBAR005S</span></li>
                                                    <li>国产/进口:国产&nbsp;&nbsp;&nbsp;&nbsp;<span>产地：中国</span></li>
                                                    <li>等级：普通&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span>包装：盒装</span> </li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="layui-tab-item">
                            <div class="layui-form">
                                <table class="layui-table">
                                    <colgroup>
                                        <col width="150">
                                        <col width="150">
                                        <col width="200">
                                        <col>
                                    </colgroup>
                                    <thead>
                                        <tr>
                                            <th>人物</th>
                                            <th>民族</th>
                                            <th>出场时间</th>
                                            <th>格言</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <tr>
                                            <td>贤心</td>
                                            <td>汉族</td>
                                            <td>1989-10-14</td>
                                            <td>人生似修行</td>
                                        </tr>
                                        <tr>
                                            <td>张爱玲</td>
                                            <td>汉族</td>
                                            <td>1920-09-30</td>
                                            <td>于千万人之中遇见你所遇见的人，于千万年之中，时间的无涯的荒野里…</td>
                                        </tr>
                                        <tr>
                                            <td>Helen Keller</td>
                                            <td>拉丁美裔</td>
                                            <td>1880-06-27</td>
                                            <td>Life is either a daring adventure or nothing.</td>
                                        </tr>
                                        <tr>
                                            <td>岳飞</td>
                                            <td>汉族</td>
                                            <td>1103-北宋崇宁二年</td>
                                            <td>教科书再滥改，也抹不去“民族英雄”的事实</td>
                                        </tr>
                                        <tr>
                                            <td>孟子</td>
                                            <td>华夏族（汉族）</td>
                                            <td>公元前-372年</td>
                                            <td>猿强，则国强。国强，则猿更强！ </td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                        <div class="layui-tab-item">
                            <div class="layui-bg-gray" style="padding: 30px;">
                                <div class="layui-row layui-col-space15">
                                    <div class="layui-col-md12">
                                        <div class="layui-card">
                                            <div class="layui-card-header">售后保障</div>
                                            <div class="layui-card-body">
                                                <br />
                                            </div>
                                        </div>
                                    </div>
                                    <div class="layui-col-md12">
                                        <div class="layui-card" style="height: 350px">
                                            <div class="layui-card-header">最近浏览</div>
                                            <div class="layui-card-body">
                                                <dl class="Likes">
                                                    <dt>
                                                        <img src="Img/RenShengHaiHai.jpg" /></dt>
                                                    <dd>《人生海海》是茅盾文学奖得主麦家于2019年推出的全新长篇小说</dd>
                                                    <dd class="ss">￥15.00</dd>
                                                </dl>
                                                <dl class="Likes">
                                                    <dt>
                                                        <img src="Img/YiShengQianAn.jpg" />
                                                    </dt>
                                                    <dd>女子一生，何以为安？ 家有一女，即是安</dd>
                                                    <dd class="ss">￥45.00</dd>
                                                </dl>
                                                <dl class="Likes">
                                                    <dt>
                                                        <img src="Img/NanMingShi.jpg" />
                                                    </dt>
                                                    <dd>内斗就要亡国，亡国也要内斗！</dd>
                                                    <dd class="ss">￥18.00</dd>
                                                </dl>
                                                <dl class="Likes">
                                                    <dt>
                                                        <img src="Img/NuoWeiDeSenLin.jpg" />
                                                    </dt>
                                                    <dd>文化大革命如火如荼进行的同时...</dd>
                                                    <dd class="ss">￥23.00</dd>
                                                </dl>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </form>
</body>
</html>
